$namespace("gdgs.ndp.gridbar");
gdgs.ndp.gridbar.advanceDialogConfig=function(view, gridId, configEntity, configProperty){
	this.initDataType(view);
	var ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getPieBlocks"),
		"id":"dataSetPie"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getColumnBlocks"),
		"id":"dataSetColumn"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getLineBlocks"),
		"id":"dataSetLine"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getBarBlocks"),
		"id":"dataSetBar"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getAreaBlocks"),
		"id":"dataSetArea"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getScatterBlocks"),
		"id":"dataSetScatter"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getSplineBlocks"),
		"id":"dataSetSpline"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getAreaSplineBlocks"),
		"id":"dataSetAreaSpline"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getAreaRangeBlocks"),
		"id":"dataSetAreaRange"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getAreaSplineRangeBlocks"),
		"id":"dataSetAreaSplineRange"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getBoxplotBlocks"),
		"id":"dataSetBoxplot"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getBubbleBlocks"),
		"id":"dataSetBubble"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getColumnRangeBlocks"),
		"id":"dataSetColumnRange"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getErrorBarBlocks"),
		"id":"dataSetErrorbar"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getFunnelBlocks"),
		"id":"dataSetFunnel"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getGaugeBlocks"),
		"id":"dataSetGauge"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getWaterfallBlocks"),
		"id":"dataSetWaterfall"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getPolarLineBlocks"),
		"id":"dataSetPolarLine"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getPolarSplineBlocks"),
		"id":"dataSetPolarSpline"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getPolarAreaBlocks"),
		"id":"dataSetPolarArea"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getPolarSplineAreaBlocks"),
		"id":"dataSetPolarSplineArea"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getOtherBlocks"),
		"id":"dataSetOther"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	ds.getData().setCurrent();
	ds = new dorado.widget.DataSet({
		"dataProvider":dorado.DataProvider.create("blockViewProvider#getColors"),
		"id":"dataSetColorFiles"+gridId,
		"dataType":"[dataTypeFigure]"
	});
	view.addChild(ds);
	
	ds = new dorado.widget.DataSet({
		"id":"dataSetChartType"+gridId,
		"dataType":"dataTypeChart"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetLegend"+gridId,
		"dataType":"dataTypeLegend"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetTitle"+gridId,
		"dataType":"dataTypeTitle"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetPlot"+gridId,
		"dataType":"dataTypePlot"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetSpecial"+gridId,
		"dataType":"dataTypeSpecial"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetToolTip"+gridId,
		"dataType":"dataTypeToolTip"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetX"+gridId,
		"dataType":"dataTypeX"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetY"+gridId,
		"dataType":"dataTypeY"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetDataLabels"+gridId,
		"dataType":"dataTypeDataLabels"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetOptions"+gridId,
		"dataType":"dataTypeOptions"
	});
	view.addChild(ds);
	ds.insert();
	ds = new dorado.widget.DataSet({
		"id":"dataSetColors"+gridId,
		"dataType":"[dataTypeColors]"
	});
	view.addChild(ds);

	
return{
	"$type":"Dialog",
	"center":true,
	"height":"80%",
	"width":"50%",
	"children":[
		{
			"$type":"CardBook",
			"id":"cardBook2"+gridId,
			"controls":[
				{
					"$type":"Container",
					"children":[
						{
							"$type":"Panel",
							"children":[
								{
									"$type":"VerticalTabControl",
									"tabColumnWidth":90,
									"height":"100%",
									"tabs":[
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetPie"+gridId+""),
																"id":"dataBlockViewPie"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	},
																	{
																		"property":"innerSize",
																		"name":"innerSize"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotPie"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u997C\u72B6\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetColumn"+gridId+""),
																"id":"dataBlockViewColumn"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotColumn"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u67F1\u72B6\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetLine"+gridId+""),
																"id":"dataBlockViewLine"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	},
																	{
																		"property":"step",
																		"name":"step"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotLine"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6298\u7EBF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetBar"+gridId+""),
																"id":"dataBlockViewBar"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotBar"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6761\u5F62\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetArea"+gridId+""),
																"id":"dataBlockViewArea"+gridId,
																"height":"70%",
																"dragTags":"abc",
																"width":"100%",
																"droppableTags":"abc",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotArea"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u9762\u79EF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetScatter"+gridId+""),
																"id":"dataBlockViewScatter"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotScatter"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6563\u70B9\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetSpline"+gridId+""),
																"id":"dataBlockViewSpline"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotSpline"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u66F2\u7EBF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetAreaSpline"+gridId+""),
																"id":"dataBlockViewAreaSpline"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotAreaSpline"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u66F2\u7EBF\u9762\u79EF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetAreaRange"+gridId+""),
																"id":"dataBlockViewAreaRange"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotAreaRange"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u533A\u57DF\u8303\u56F4\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetAreaSplineRange"+gridId+""),
																"id":"dataBlockViewAreaSplineRange"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotAreaSplineRange"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u533A\u57DF\u66F2\u7EBF\u8303\u56F4\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetBoxplot"+gridId+""),
																"id":"dataBlockViewBoxplot"+gridId,
																"height":"65%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"35%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint",
																		"layoutConstraint":{
																			"colSpan":"2"
																		}
																	},
																	{
																		"property":"medianColor",
																		"editor":{
																			"$type":"TextEditor",
																			"listener":{
																				"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
																			}
																		},
																		"name":"medianColor"
																	},
																	{
																		"property":"medianWidth",
																		"name":"medianWidth",
																		"layoutConstraint":{
																			"colSpan":"2"
																		}
																	},
																	{
																		"property":"stemColor",
																		"editor":{
																			"$type":"TextEditor",
																			"listener":{
																				"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
																			}
																		},
																		"name":"stemColor"
																	},
																	{
																		"property":"stemDashStyle",
																		"name":"stemDashStyle"
																	},
																	{
																		"property":"stemWidth",
																		"name":"stemWidth"
																	},
																	{
																		"property":"whiskerColor",
																		"editor":{
																			"$type":"TextEditor",
																			"listener":{
																				"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
																			}
																		},
																		"name":"whiskerColor"
																	},
																	{
																		"property":"whiskerLength",
																		"name":"whiskerLength"
																	},
																	{
																		"property":"whiskerWidth",
																		"name":"whiskerWidth"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotBoxplot"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u7BB1\u7EBF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetBubble"+gridId+""),
																"id":"dataBlockViewBubble"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotBubble"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6C14\u6CE1\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetColumnRange"+gridId+""),
																"id":"dataBlockViewColumnRange"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotColumnRange"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u67F1\u72B6\u8303\u56F4\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetErrorbar"+gridId+""),
																"id":"dataBlockViewErrorBar"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint",
																		"layoutConstraint":{
																			"colSpan":"2"
																		}
																	},
																	{
																		"property":"stemColor",
																		"editor":{
																			"$type":"TextEditor",
																			"listener":{
																				"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
																			}
																		},
																		"name":"stemColor"
																	},
																	{
																		"property":"stemDashStyle",
																		"name":"stemDashStyle"
																	},
																	{
																		"property":"stemWidth",
																		"name":"stemWidth"
																	},
																	{
																		"property":"whiskerColor",
																		"editor":{
																			"$type":"TextEditor",
																			"listener":{
																				"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
																			}
																		},
																		"name":"whiskerColor"
																	},
																	{
																		"property":"whiskerLength",
																		"name":"whiskerLength"
																	},
																	{
																		"property":"whiskerWidth",
																		"name":"whiskerWidth"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotErrorBar"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u9519\u8BEF\u6761\u5F62\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetFunnel"+gridId+""),
																"id":"dataBlockViewFunnel"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	},
																	{
																		"property":"neckWidth",
																		"name":"neckWidth"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotFunnel"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6F0F\u6597\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetGauge"+gridId+""),
																"id":"dataBlockViewGauge"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotGauge"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6D4B\u91CF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetWaterfall"+gridId+""),
																"id":"dataBlockViewWaterFall"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotWaterFall"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u7011\u5E03\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetPolarLine"+gridId+""),
																"id":"dataBlockViewPolarLine"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotPolarLine"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6781\u6027\u6298\u7EBF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetPolarSpline"+gridId+""),
																"id":"dataBlockViewPolarSpline"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotPolarSpline"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6781\u6027\u66F2\u7EBF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetPolarArea"+gridId+""),
																"id":"dataBlockViewPolarArea"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotPolarArea"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6781\u6027\u9762\u79EF\u56FE"
										},
										{
											"$type":"Control",
											"control":{
												"$type":"Container",
												"children":[
													{
														"$type":"Panel",
														"children":[
															{
																"$type":"DataBlockView",
																"dataSet":view.getComponentReference("dataSetPolarSplineArea"+gridId+""),
																"id":"dataBlockViewPolarSplineArea"+gridId,
																"height":"70%",
																"width":"100%",
																"layoutConstraint":{
																	"type":"center"
																},
																"listener":{
																	"onCreate":function(self,arg){
//debugger;
self.set("renderer", new dorado.widget.blockview.ImageBlockRenderer({
captionProperty:"lable", 
imageProperty: "image"
}))
},
																	"onBlockClick":function(self,arg){
var content = arg.data.get('content');
gdgs.ndp.gridbar.showCustomerJSONChart(view,JSON.parse(content),gridId);

}
																}
															},
															{
																"$type":"AutoForm",
																"cols":"*,*,*",
																"height":"30%",
																"elements":[
																	{
																		"property":"zoomType",
																		"name":"zoomType"
																	},
																	{
																		"property":"grouping",
																		"name":"grouping"
																	},
																	{
																		"property":"stacking",
																		"name":"stacking"
																	},
																	{
																		"property":"inverted",
																		"name":"inverted"
																	},
																	{
																		"property":"colorByPoint",
																		"name":"colorByPoint"
																	}
																],
																"rowHeight":28,
																"dataSet":view.getComponentReference("dataSetPlot"+gridId),
																"id":"autoFormPlotPolarSplineArea"+gridId,
																"layoutConstraint":{
																	"type":"bottom"
																}
															}
														]
													}
												]
											},
											"caption":"\u6781\u6027\u66F2\u7EBF\u9762\u79EF\u56FE"
										}
									]
								}
							]
						}
					],
					"id":"containerStep1"+gridId
				},
				{
					"$type":"Container",
					"children":[
						{
							"$type":"Panel",
							"children":[
								{
									"$type":"Container",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"label":"\u80CC\u666F\u989C\u8272",
													"property":"jblx",
													"name":"jblx",
													"trigger":view.getComponentReference("chartTypeBackgroundColorDropDown"+gridId+"")
												},
												{
													"property":"fColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"fColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"sColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"sColor"+gridId,
													"name":"sColor",
													"labelWidth":20
												},
												{
													"label":"\u7ED8\u56FE\u533A\u989C\u8272",
													"property":"plotjblx",
													"name":"plotjblx",
													"trigger":view.getComponentReference("chartTypePlotColorDropDown"+gridId+"")
												},
												{
													"property":"plotfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"plotfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"plotsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"plotsColor"+gridId,
													"name":"plotsColor",
													"labelWidth":20
												},
												{
													"property":"plotBorderColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"plotBorderColor"
												},
												{
													"property":"plotBorderWidth",
													"name":"plotBorderWidth"
												},
												{
													"property":"plotShadow",
													"name":"plotShadow"
												}
											],
											"dataSet":view.getComponentReference("dataSetChartType"+gridId),
											"id":"autoFormChartType"+gridId,
											"rowPadding":12,
											"labelWidth":100
										}
									]
								}
							],
							"height":"25%",
							"caption":"\u80CC\u666F\u4E0E\u7ED8\u56FE\u533A"
						},
						{
							"$type":"Panel",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"elements":[
												{
													"label":"\u6587\u4EF6\u540D\u79F0",
													"property":"lable",
													"name":"lable",
													"trigger":view.getComponentReference("dataSetDropDownColorFiles"+gridId)
												},
												{
													"visible":false,
													"property":"content",
													"name":"content"
												}
											]
										}
									]
								},
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"ToolBar",
											"items":[
												{
													"$type":"DataPilot",
													"itemCodes":"+,-",
													"dataSet":view.getComponentReference("dataSetColors"+gridId)
												}
											],
											"layoutConstraint":{
												"type":"top"
											}
										},
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"jblx",
													"name":"jblx",
													"trigger":view.getComponentReference("colorsDropDown"+gridId+"")
												},
												{
													"property":"fColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"fColor"
												},
												{
													"property":"sColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"colorsSColor"+gridId,
													"name":"sColor"
												}
											],
											"dataSet":view.getComponentReference("dataSetColors"+gridId),
											"layoutConstraint":{
												"type":"top"
											}
										},
										{
											"$type":"DataGrid",
											"columns":[
												{
													"name":"jblx",
													"property":"jblx"
												},
												{
													"name":"fColor",
													"property":"fColor"
												},
												{
													"name":"sColor",
													"property":"sColor"
												}
											],
											"dataSet":view.getComponentReference("dataSetColors"+gridId),
											"readOnly":true,
											"layoutConstraint":{
												"type":"center"
											}
										}
									]
								}
							],
							"height":"45%",
							"caption":"\u56FE\u5F62\u989C\u8272"
						},
						{
							"$type":"Panel",
							"children":[
								{
									"$type":"Container",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"fillColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"fillColor"
												},
												{
													"property":"fillOpacity",
													"name":"fillOpacity"
												},
												{
													"property":"negativeFillColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"negativeFillColor"
												},
												{
													"property":"lineColor",
													"name":"lineColor"
												},
												{
													"property":"dashStyle",
													"name":"dashStyle"
												},
												{
													"property":"lineWidth",
													"name":"lineWidth"
												},
												{
													"property":"borderColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"borderColor"
												},
												{
													"property":"borderRadius",
													"name":"borderRadius"
												},
												{
													"property":"borderWidth",
													"name":"borderWidth"
												},
												{
													"property":"negativeColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"negativeColor"
												},
												{
													"property":"shadow",
													"name":"shadow"
												},
												{
													"property":"allowPointSelect",
													"name":"allowPointSelect"
												}
											],
											"dataSet":view.getComponentReference("dataSetSpecial"+gridId),
											"id":"autoFormSpecial"+gridId
										}
									]
								}
							],
							"height":"30%",
							"caption":"\u8FB9\u6846\u4E0E\u586B\u5145"
						}
					],
					"id":"containerStep3"+gridId
				},
				{
					"$type":"Container",
					"children":[
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"enabled",
													"name":"enabled",
													"layoutConstraint":{
														"colSpan":"3"
													},
													"listener":{
														"onClick":function(self,arg){
if(self.get('value')){
$tag("legend").set('readOnly',false);
}else{
$tag("legend").set('readOnly',true);
}

}
													}
												},
												{
													"property":"title",
													"name":"title",
													"tags":"legend",
													"hideMode":"display",
													"layoutConstraint":{
														"colSpan":"3"
													}
												},
												{
													"label":"\u80CC\u666F\u989C\u8272",
													"property":"legendjblx",
													"name":"legendjblx",
													"trigger":view.getComponentReference("legendBackgroundColorDropDown"+gridId+"")
												},
												{
													"property":"legendfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"legendfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"legendsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"legendsColor"+gridId,
													"name":"legendsColor",
													"labelWidth":20
												},
												{
													"property":"layout",
													"name":"layout",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"align",
													"name":"align",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"verticalAlign",
													"name":"verticalAlign",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"borderColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"borderColor",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"borderRadius",
													"name":"borderRadius",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"borderWidth",
													"name":"borderWidth",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"width",
													"name":"width",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"itemWidth",
													"name":"itemWidth",
													"tags":"legend",
													"hideMode":"display"
												},
												{
													"property":"shadow",
													"name":"shadow"
												}
											],
											"dataSet":view.getComponentReference("dataSetLegend"+gridId),
											"id":"autoFormLegend"+gridId
										}
									]
								}
							],
							"caption":"\u56FE\u4F8B\u8BBE\u7F6E"
						},
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*",
											"elements":[
												{
													"property":"text",
													"name":"text",
													"layoutConstraint":{
														"colSpan":"2"
													}
												},
												{
													"property":"align",
													"name":"align"
												},
												{
													"property":"verticalAlign",
													"name":"verticalAlign"
												}
											],
											"dataSet":view.getComponentReference("dataSetTitle"+gridId),
											"id":"autoFormTitle"+gridId
										}
									]
								}
							],
							"caption":"\u6807\u9898\u8BBE\u7F6E"
						},
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"enabled",
													"name":"enabled",
													"layoutConstraint":{
														"colSpan":"3"
													},
													"listener":{
														"onClick":function(self,arg){
if(self.get('value')){
$tag("tooltip").set('readOnly',false);
}else{
$tag("tooltip").set('readOnly',true);
}

}
													}
												},
												{
													"label":"\u80CC\u666F\u989C\u8272",
													"property":"tooltipjblx",
													"name":"tooltipjblx",
													"trigger":view.getComponentReference("toolTipBackgroundColorDropDown"+gridId+"")
												},
												{
													"property":"tooltipfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"tooltipfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"tooltipsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"tooltipsColor"+gridId,
													"name":"tooltipsColor",
													"labelWidth":20
												},
												{
													"property":"borderColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"borderColor",
													"tags":"tooltip"
												},
												{
													"property":"borderRadius",
													"name":"borderRadius",
													"tags":"tooltip"
												},
												{
													"property":"borderWidth",
													"name":"borderWidth",
													"tags":"tooltip"
												},
												{
													"property":"crosshairs",
													"name":"crosshairs",
													"tags":"tooltip"
												},
												{
													"property":"shadow",
													"name":"shadow",
													"tags":"tooltip"
												}
											],
											"dataSet":view.getComponentReference("dataSetToolTip"+gridId),
											"id":"autoFormToolTip"+gridId
										}
									]
								}
							],
							"caption":"\u63D0\u793A\u6846\u8BBE\u7F6E"
						},
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"enabled",
													"name":"enabled",
													"layoutConstraint":{
														"colSpan":"3"
													},
													"listener":{
														"onClick":function(self,arg){
if(self.get('value')){
$tag("datalabels").set('readOnly',false);
}else{
$tag("datalabels").set('readOnly',true);
}



}
													}
												},
												{
													"property":"align",
													"name":"align",
													"tags":"datalabels"
												},
												{
													"property":"verticalAlign",
													"name":"verticalAlign",
													"tags":"datalabels"
												},
												{
													"property":"inside",
													"name":"inside",
													"tags":"datalabels"
												},
												{
													"property":"color",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"color",
													"tags":"datalabels",
													"layoutConstraint":{
														"colSpan":"2"
													}
												},
												{
													"property":"shadow",
													"name":"shadow",
													"tags":"datalabels",
													"layoutConstraint":{
														"colSpan":"1"
													}
												},
												{
													"label":"\u80CC\u666F\u989C\u8272",
													"property":"dataLabeljblx",
													"name":"dataLabeljblx",
													"trigger":view.getComponentReference("dataLabelBackgroundColorDropDown"+gridId+"")
												},
												{
													"property":"dataLabelfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"dataLabelfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"dataLabelsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"dataLabelsColor"+gridId,
													"name":"dataLabelsColor",
													"labelWidth":20
												},
												{
													"property":"borderColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"borderColor",
													"tags":"datalabels"
												},
												{
													"property":"borderRadius",
													"name":"borderRadius",
													"tags":"datalabels"
												},
												{
													"property":"borderWidth",
													"name":"borderWidth",
													"tags":"datalabels"
												},
												{
													"property":"format",
													"name":"format",
													"tags":"datalabels",
													"layoutConstraint":{
														"colSpan":"3"
													}
												}
											],
											"dataSet":view.getComponentReference("dataSetDataLabels"+gridId),
											"id":"autoFormDataLabels"+gridId
										}
									]
								}
							],
							"caption":"\u6570\u636E\u6807\u7B7E\u8BBE\u7F6E"
						},
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"title",
													"name":"title",
													"layoutConstraint":{
														"colSpan":"2"
													}
												},
												{
													"property":"allowDecimals",
													"name":"allowDecimals",
													"layoutConstraint":{
														"align":"1"
													}
												},
												{
													"property":"gridLineColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"gridLineColor"
												},
												{
													"property":"gridLineDashStyle",
													"name":"gridLineDashStyle"
												},
												{
													"property":"gridLineWidth",
													"name":"gridLineWidth"
												},
												{
													"label":"\u7F51\u683C\u989C\u8272\u4EA4\u66FF",
													"property":"alternateGridjblx",
													"name":"alternateGridjblx",
													"trigger":view.getComponentReference("xAlternateColorDropDown"+gridId+"")
												},
												{
													"property":"alternateGridfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"alternateGridfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"alternateGridsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"alternateGridXsColor"+gridId,
													"name":"alternateGridsColor",
													"labelWidth":20
												},
												{
													"property":"lineColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"lineColor"
												},
												{
													"property":"lineWidth",
													"name":"lineWidth"
												}
											],
											"dataSet":view.getComponentReference("dataSetX"+gridId),
											"id":"autoFormX"+gridId
										}
									]
								}
							],
							"caption":"X\u8F74\u8BBE\u7F6E"
						},
						{
							"$type":"GroupBox",
							"children":[
								{
									"$type":"Panel",
									"children":[
										{
											"$type":"AutoForm",
											"cols":"*,*,*",
											"elements":[
												{
													"property":"title",
													"name":"title",
													"layoutConstraint":{
														"colSpan":"2"
													}
												},
												{
													"property":"allowDecimals",
													"name":"allowDecimals",
													"layoutConstraint":{
														"colSpan":"1"
													}
												},
												{
													"property":"gridLineColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"gridLineColor"
												},
												{
													"property":"gridLineDashStyle",
													"name":"gridLineDashStyle"
												},
												{
													"property":"gridLineWidth",
													"name":"gridLineWidth"
												},
												{
													"label":"\u7F51\u683C\u989C\u8272\u4EA4\u66FF",
													"property":"alternateGridjblx",
													"name":"alternateGridjblx",
													"trigger":view.getComponentReference("yAlternateColorDropDown"+gridId+"")
												},
												{
													"property":"alternateGridfColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"alternateGridfColor",
													"labelWidth":20,
													"showLabel":false
												},
												{
													"label":"\u5230",
													"property":"alternateGridsColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"id":"alternateGridYsColor"+gridId,
													"name":"alternateGridsColor",
													"labelWidth":20
												},
												{
													"property":"lineColor",
													"editor":{
														"$type":"TextEditor",
														"listener":{
															"onReady":function(self,arg){
$(self._textDom).colorpicker({ parts: 'full',showOn: 'both',buttonColorize: false,buttonImage:'',showNoneButton: true,alpha: true,colorFormat: 'RGBA', close:function(event,color){if(self._textDom.value != self.get('blankText')){self.get('dataSet').getData('#').set(self.get('property'),self._textDom.value); self.set('value',self._textDom.value); self.post();}}});
}
														}
													},
													"name":"lineColor"
												},
												{
													"property":"lineWidth",
													"name":"lineWidth"
												}
											],
											"dataSet":view.getComponentReference("dataSetY"+gridId),
											"id":"autoFormY"+gridId
										}
									]
								}
							],
							"caption":"Y\u8F74\u8BBE\u7F6E"
						}
					],
					"id":"containerStep4"+gridId
				}
			]
		},
		{
			"$type":"Dialog",
			"center":true,
			"height":"60%",
			"width":"30%",
			"children":[
				{
					"$type":"TextArea",
					"id":"textAreaJSON"+gridId
				}
			],
			"id":"jsonConfig"+gridId,
			"buttons":[
				{
					"$type":"Button",
					"caption":"\u786E\u5B9A",
					"listener":{
						"onClick":function(self,arg){
view.get("#jsonConfig"+gridId).hide();

}
					}
				}
			],
			"caption":"JSON\u914D\u7F6E",
			"modalType":"dark"
		},{
			"$type":"DataSetDropDown",
			"dataSet":view.getComponentReference("dataSetColorFiles"+gridId),
			"id":"dataSetDropDownColorFiles"+gridId,
			"displayProperty":"lable",
			"assignmentMap":"lable,content",
			"property":"lable",
			"listener":{
				"onValueSelect":function(self,arg){
view.get("#dataSetColors"+gridId+"").clear();
var data  = view.get("#dataSetColorFiles"+gridId+"").getData('#');
var lable = data.get("lable");
var content =  data.get("content");
var json = JSON.parse(content);
var colors = json["colors"];
colors.each(function(k,v){
var colorEntity ={};
if(k instanceof Object){
	if(k['linearGradient']){
		colorEntity['jblx']='1';
	}else if(k['radialGradient']){
		colorEntity['jblx']='2';
	}
	var stops = k['stops'];
	colorEntity['fColor']=stops[0][1];
	colorEntity['sColor']=stops[1][1];
}
view.get("#dataSetColors"+gridId+"").insert(colorEntity);
});

}
			}
		},
		{
				"$type":"AutoMappingDropDown",
				"id":"chartTypeBackgroundColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#sColor"+gridId+"").set('visible',false);
}else{
	view.get("#sColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"chartTypePlotColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#plotsColor"+gridId+"").set('visible',false);
}else{
	view.get("#plotsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"legendBackgroundColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#legendsColor"+gridId+"").set('visible',false);
}else{
	view.get("#legendsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"toolTipBackgroundColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#tooltipsColor"+gridId+"").set('visible',false);
}else{
	view.get("#tooltipsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"xAlternateColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#alternateGridXsColor"+gridId+"").set('visible',false);
}else{
	view.get("#alternateGridXsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"yAlternateColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#alternateGridYsColor"+gridId+"").set('visible',false);
}else{
	view.get("#alternateGridYsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"dataLabelBackgroundColorDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#dataLabelsColor"+gridId+"").set('visible',false);
}else{
	view.get("#dataLabelsColor"+gridId+"").set('visible',true);
}

}
				}
			},
			{
				"$type":"AutoMappingDropDown",
				"id":"colorsDropDown"+gridId+"",
				"listener":{
					"onValueSelect":function(self,arg){
var value = arg.selectedValue;
if(value == "无渐变"){
	view.get("#colorsSColor"+gridId+"").set('visible',false);
}else{
	view.get("#colorsSColor"+gridId+"").set('visible',true);
}

}
				}
			}
	],
	"contentOverflowY":"scroll",
	"id":"$_dialogStepPz"+gridId,
	"modal":true,
	"buttons":[
		{
			"$type":"Button",
			"id":"backStep2"+gridId,
			"hideMode":"display",
			"caption":"\u4E0A\u4E00\u6B65",
			"listener":{
				"onClick":function(self,arg){
var cardBook = view.get("#cardBook2"+gridId);
var index = cardBook.get("currentIndex");
view.get("#nextStep2"+gridId).set("disabled",false);
var count = cardBook.get("controls").size;
index--;
if (index <= 0){
index = 0;
} 
cardBook.set("currentIndex", index);


}
			}
		},
		{
			"$type":"Button",
			"id":"nextStep2"+gridId,
			"hideMode":"display",
			"caption":"\u4E0B\u4E00\u6B65",
			"listener":{
				"onClick":function(self,arg){
var cardBook = view.get("#cardBook2"+gridId);
var index = cardBook.get("currentIndex");

var count = cardBook.get("controls").size;
index++;
if (index >= count-1) {
self.set('disabled',true);
cardBook.set("currentIndex", index);
}else{
cardBook.set("currentIndex", index);
}


}
			}
		},
		{
			"$type":"Button",
			"caption":"\u751F\u6210\u56FE\u8868",
			"listener":{
				"onClick":function(self,arg){
//提取dataset数据
var dataSetChartTypeData = view.get("#dataSetChartType"+gridId+"").getData("#");
var dataSetLegendData = view.get("#dataSetLegend"+gridId+"").getData("#");
var dataSetTitleData = view.get("#dataSetTitle"+gridId+"").getData("#");
var dataSetPlotData = view.get("#dataSetPlot"+gridId+"").getData("#");
var dataSetSpecialData = view.get("#dataSetSpecial"+gridId+"").getData("#");
var dataSetToolTipData = view.get("#dataSetToolTip"+gridId+"").getData("#");
var dataSetXData = view.get("#dataSetX"+gridId+"").getData("#");
var dataSetYData = view.get("#dataSetY"+gridId+"").getData("#");
var dataSetDataLabelsData = view.get("#dataSetDataLabels"+gridId+"").getData("#");
var dataSetOptionsData = view.get("#dataSetOptions"+gridId+"").getData("#");
var colors = view.get("#dataSetColors"+gridId+"").getData();
var dataSetDataconfig ={
'chartTypeData':dataSetChartTypeData,
'legendData':dataSetLegendData,
'titleData':dataSetTitleData,
'plotData':dataSetPlotData,
'specialData':dataSetSpecialData,
'toolTipData':dataSetToolTipData,
'xData':dataSetXData,
'yData':dataSetYData,
'dataLabelsData':dataSetDataLabelsData,
'optionsData':dataSetOptionsData,
'colorsData':colors
};
var config = gdgs.ndp.gridbar.generateConfig(dataSetDataconfig);

gdgs.ndp.gridbar.showCustomerChart(view,gridId,config);

}
			}
		},
		{
			"$type":"Button",
			"caption":"\u67E5\u770B\u914D\u7F6E",
			"listener":{
				"onClick":function(self,arg){
//提取dataset数据
var dataSetChartTypeData = view.get("#dataSetChartType"+gridId+"").getData("#");
var dataSetLegendData = view.get("#dataSetLegend"+gridId+"").getData("#");
var dataSetTitleData = view.get("#dataSetTitle"+gridId+"").getData("#");
var dataSetPlotData = view.get("#dataSetPlot"+gridId+"").getData("#");
var dataSetSpecialData = view.get("#dataSetSpecial"+gridId+"").getData("#");
var dataSetToolTipData = view.get("#dataSetToolTip"+gridId+"").getData("#");
var dataSetXData = view.get("#dataSetX"+gridId+"").getData("#");
var dataSetYData = view.get("#dataSetY"+gridId+"").getData("#");
var dataSetDataLabelsData = view.get("#dataSetDataLabels"+gridId+"").getData("#");
var dataSetOptionsData = view.get("#dataSetOptions"+gridId+"").getData("#");
var colors = view.get("#dataSetColors"+gridId+"").getData();
var dataSetDataconfig ={
'chartTypeData':dataSetChartTypeData,
'legendData':dataSetLegendData,
'titleData':dataSetTitleData,
'plotData':dataSetPlotData,
'specialData':dataSetSpecialData,
'toolTipData':dataSetToolTipData,
'xData':dataSetXData,
'yData':dataSetYData,
'dataLabelsData':dataSetDataLabelsData,
'optionsData':dataSetOptionsData,
'colorsData':colors
};
var config = gdgs.ndp.gridbar.generateConfig(dataSetDataconfig);

gdgs.ndp.gridbar.showCustomerChartJSON(view,gridId,config,"jsonConfig"+gridId);

}
			}
		},
		{
			"$type":"Button",
			"caption":"\u53D6\u6D88",
			"listener":{
				"onClick":function(self,arg){
view.get("#$_dialogStepPz"+gridId).hide();

}
			}
		},
		{
			"$type":"Button",
			"caption":"\u786E\u5B9A",
			"listener":{
				"onClick":function(self,arg){
					//提取dataset数据
					var dataSetChartTypeData = view.get("#dataSetChartType"+gridId+"").getData("#");
					var dataSetLegendData = view.get("#dataSetLegend"+gridId+"").getData("#");
					var dataSetTitleData = view.get("#dataSetTitle"+gridId+"").getData("#");
					var dataSetPlotData = view.get("#dataSetPlot"+gridId+"").getData("#");
					var dataSetSpecialData = view.get("#dataSetSpecial"+gridId+"").getData("#");
					var dataSetToolTipData = view.get("#dataSetToolTip"+gridId+"").getData("#");
					var dataSetXData = view.get("#dataSetX"+gridId+"").getData("#");
					var dataSetYData = view.get("#dataSetY"+gridId+"").getData("#");
					var dataSetDataLabelsData = view.get("#dataSetDataLabels"+gridId+"").getData("#");
					var dataSetOptionsData = view.get("#dataSetOptions"+gridId+"").getData("#");
					var colors = view.get("#dataSetColors"+gridId+"").getData();
					var dataSetDataconfig ={
					'chartTypeData':dataSetChartTypeData,
					'legendData':dataSetLegendData,
					'titleData':dataSetTitleData,
					'plotData':dataSetPlotData,
					'specialData':dataSetSpecialData,
					'toolTipData':dataSetToolTipData,
					'xData':dataSetXData,
					'yData':dataSetYData,
					'dataLabelsData':dataSetDataLabelsData,
					'optionsData':dataSetOptionsData,
					'colorsData':colors
					};
					var config = gdgs.ndp.gridbar.generateConfig(dataSetDataconfig);

					
					configEntity.set(configProperty, JSON.stringify(config));//robin
					view.get("#$_dialogStepPz"+gridId).hide();
					},
									"onReady":function(self,arg){
					if(configEntity&&configProperty){
					self.set("visible",true);
					}else{
					self.set("visible",false);
					}
					
				}
			}
		}
	],
	"caption":"\u9009\u62E9\u56FE\u8868\u7C7B\u578B",
	"modalType":"dark"
}
}